body {     background:none repeat scroll 0 0 #232323;    font-size:13px;}

.wrapper{ overflow: hidden;}

/* Columns and Colapse buttons */
#col-left {    position:absolute;    top:0;    left:0;    margin-top:50px;}
#col-left,.top-bar>:first-child {    width:220px;}
#col-right {     margin-left:220px;    background:#D9D9D9 url("../img/gray_jean.png");    min-height:585px;    padding:70px 0 30px 0;}

.toggle-c-view{ cursor: pointer; float: right;}
@media screen and (max-width:1200px) {    #breadcrumb .toggle-c-view { display: none;    }}

@media screen and (min-width:1200px) {
    #listing {         min-height: 585px;        width: 500px;        float: left; padding-right:15px;   -webkit-transition-property:all;    -moz-transition-property:all;    -o-transition-property:all;    transition-property:all;
        -webkit-transition-duration:0.5s;    -moz-transition-duration:0.5s;    -o-transition-duration:0.5s;    transition-duration:0.5s; }

    .main-form {        margin-left: 500px;  -webkit-transition-property:all;    -moz-transition-property:all;    -o-transition-property:all;    transition-property:all;
        -webkit-transition-duration:0.5s;    -moz-transition-duration:0.5s;    -o-transition-duration:0.5s;    transition-duration:0.5s;   }
    #tabs:after, .panel-body:after {        clear: none;    }
    #col-right.c-view #listing{ width: 0; opacity: 0; }
    #col-right.c-view .main-form{ margin-left: 0px;}
}

@media screen and (max-width:1200px) {    #col-right {        overflow:hidden;    } }
#col-left,#col-right,ul.main-menu>li>a span {
    -webkit-transition-property:all;    -moz-transition-property:all;    -o-transition-property:all;    transition-property:all;
    -webkit-transition-duration:0.5s;    -moz-transition-duration:0.5s;    -o-transition-duration:0.5s;    transition-duration:0.5s;
}
@media screen and (max-width:1200px) {
    #col-right {        overflow:hidden;        margin-left:0;    }
    #col-left {        left:-220px;    }
}
.btn-nav-sidebar-minified i,.btn-off-canvas i {    font-size:24px;    line-height:1;   vertical-align:middle;}
.btn-nav-sidebar-minified,.btn-off-canvas {    padding:11px 18px !important;}
@media screen and (min-width:1200px) {     .btn-off-canvas {        display:none;    }}
@media screen and (max-width:1200px) {    .btn-nav-sidebar-minified {        display:none;    }}
.off-canvas-active #col-left {    left:0;}
.off-canvas-active #col-right {    margin-left:220px;    margin-right:-220px;}


/*Nav*/
.main-nav {    position:absolute;    top:0;    left:0;    margin-bottom:70px;    z-index:1;    width:100%;}
.main-nav h3 {     margin:30px 10px 15px;    padding-bottom:12px;    font-size:1.3em;    color:#6a6a6a;    border-bottom:1px solid #3d3d3d;}
ul.main-menu {    padding-left:0;    list-style-type:none;    margin-bottom:0;}
ul.main-menu li a {    display:block;    position:relative;    padding:12px 0 12px 15px;    font-size:13px;    color:#dadada;}
ul.main-menu li a:hover,
ul.main-menu li a:focus { text-decoration:none;    color:#fff;    background-color:#2e2e2e;}
ul.main-menu li.active>a {    color:#fff;    background-color:#0f0f0f;}
ul.main-menu li.active>a.submenu-toggle {    background-color:transparent;}
ul.main-menu li i {    font-size:18px;}
ul.main-menu li .text {    padding-left:10px;}
ul.main-menu li.has-submenu {    position:relative;}
ul.main-menu li.has-submenu>a:after {    font-family:"Glyphicons Halflings";    font-size:11px;    width:10px;    position:absolute;    right:15px;    top:18px; text-shadow:none;    content:'\e113';}
ul.main-menu li.has-submenu>a.collapsed:after {    content:'\e114';}
ul.main-menu li.has-submenu li.has-submenu>a:after {    top:11px;}
ul.main-menu .sub-menu {    position:relative;    padding-left:0;}
ul.main-menu .sub-menu li a {    background-color:#131313;}
ul.main-menu .sub-menu li a:hover,ul.main-menu .sub-menu li a:focus {    background-color:#2e2e2e;}
ul.main-menu .sub-menu li a .badge {    position:absolute;    right:15px;}
ul.main-menu .sub-menu li .text {    padding-left:27px;}
ul.main-menu .sub-menu li.active a {    background-color:#000;}
ul.main-menu .sub-menu li .sub-menu .text {    padding-left:50px;}

.main-nav-minified #col-left {    width:55px;    top:0px;}
.main-nav-minified #col-left ul.main-menu>li:hover>ul.sub-menu,
.main-nav-minified #col-left ul.sub-menu>li:hover>ul.sub-menu {    display:block !important;    min-width:200px;    position:absolute;    top:0;    margin-left:55px;   z-index:9999;}
.main-nav-minified #col-left ul.main-menu>li.has-submenu li.has-submenu>a:after {    font-family:"Glyphicons Halflings";    font-size:14px;    content:'\e082';    display:block;}
.main-nav-minified #col-left ul.sub-menu>li:hover>ul.sub-menu {    margin-left:200px;}
.main-nav-minified #col-left ul.main-menu li i {    font-size:20px;}
.main-nav-minified #col-left ul.main-menu li>a:hover {    background-color:#1e1e1e;}
.main-nav-minified #col-right {    margin-left:55px;}
@media screen and (max-width:1200px) {    .main-nav-minified #col-right {        margin-left:0;    }}

.main-nav-minified .main-nav h3,
.main-nav-minified ul.main-menu>li>a span,
.main-nav-minified ul.main-menu li.has-submenu>a:after,
.main-nav-minified #col-left .main-menu>li.has-submenu.active .sub-menu,
.main-nav-minified #col-left .widget {    display:none;}
.main-nav-minified ul.main-menu>li>a {    padding:12px;    text-align:center;}
.main-nav-minified ul.main-menu ul.sub-menu li .text {    padding-left:0;}


.image_preview{ max-width:100px;    max-height: 100px; }

/* PANELS */
.panel-title .glyphicon{ font-size: 15px; margin-right: 10px;}
.panel-default > .panel-heading {  border-color: #eee; background: #FFF; padding:0 0 0 8px ;}
h3.panel-title{text-transform: uppercase;font-size: 1.0em;line-height: 2.2em;}
h3.panel-title a{  border-left: #EEE 1px solid; }
.collapsed .ion-ios-arrow-up:before{content:"\f3d0" !important;}
.add-new { border-left: #F1F1F1 1px solid; border-right: #F1F1F1 1px solid;}
/* Tabs */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background: #FCFCFC;}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus{ border-bottom-color:#FCFCFC }
.tab-pane{ padding: 20px; background: #FCFCFC; border-left: #DDD 1px solid;}

#message{ position: fixed; z-index: 1040; top: 5px; left:15px; margin-left: inherit;right: 30%;}
#message .alert{padding: 8px 15px;animation: bounceIn 0.5s;
    -moz-animation: bounceIn 0.5s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */}
#message .alert .close{ margin:-2px -8px 0 0; opacity: 0.5; padding: 4px 6px 4px;}

/*
.visible-md.collapse.in{ display: block !important; visibility: visible !important;}
*/
@media screen and (max-width:768px) {    #tabs{ display: none;} }
@media screen and (min-width:768px) {    #bs-tabs-navbar-collapse{ display: none !important;} }

@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}

/* NAV BAR */
.navbar {     background-color:#fff;}
.main-form .navbar-toggle {    border:none; color: #337ab7;}
.main-form .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {    background-color: #337ab7; color: #FFF;}
.main-form .navbar-header{ height: 50px; overflow: hidden;}
.main-form .navbar{ left: 220px; }
@media screen and (min-width:768px) {
    .main-form .navbar .navbar-nav{ float: right}
    .main-form .navbar-nav li.nav-divider{ height: 33px; width: 1px; background: #F5F5F5}
}
.main-form .navbar-nav > li a:hover,.main-form .navbar-nav > li button:hover{ background: #F8F8F8}
.main-form .navbar-nav > li > label{ display: block; margin: 0; cursor: pointer;}
.main-form .navbar-nav > li > label > a{ display: block;line-height:20px; padding: 10px 15px;}
.navbar-toggle i{ font-size: 16px;}

/* Debug */
@media screen and (min-width:768px) {    .debug-pre {        margin-left: 230px;    }}
.debug-pre:first-child{ margin-top: 54px; }

/* FileManager */
#ModalFileManager{ z-index: 1050;}

/* State */
.panel-state .panel-body{ padding:10px 10px 0px 10px; background: #F8F8F8 }
.state-cont .alert{ padding: 0; margin: 0;}
.state-cont .input-group-addon{ padding: 4px 10px;}
.state-item{    cursor: pointer; border-right: 0;}
/* BootstrapTable */
th {    border-radius:2px;}
.panel-relationlist .table tr{    cursor: pointer;}
.fixed-table-container{ clear: none;}
.fixed-table-toolbar .columns{ margin:15px 20px 0; }
.fixed-table-pagination ul.pagination{ margin:5px 0;}
.fixed-table-pagination .pagination a {    padding:4px 8px;}

/* Form */
.rte{ min-height: 300px;}
.btn {    border-radius:2px;    font-size:12px;    padding:5px 9px;}
.form-control {    height:29px;    border-radius:2px;    box-shadow:none;}
@media screen and (max-width:768px){.input-group{ width: 100% ;}}

/* Input Group */
.input-group-addon{ font-size: 12px;}
.input-group-addon:first-child{ width: 45px;}
.input-group-addon-clean{ background: #FFF; white-space: normal; }
button.save{ background: none; height: 50px; border: none; padding: 15px; display: block; cursor: pointer; width: 100%; text-align: left; }

/* Checkbox Radio */
.cbr { position: relative; vertical-align: top;height: 30px;    width: 30px;}
.cbr input{      opacity: 0;    position:absolute ; top: 0; left: 0; margin: 0; display: block;    vertical-align: bottom;    cursor: pointer;
    height: 30px;    width: 30px;    z-index:3;}
.cbr i {    display: block; color:#FFF;    vertical-align: middle;    cursor: pointer;
    height: 30px;    width: 30px;    z-index:2;  position: relative;    z-index: 2; background: #FFF;border: 1px solid #ddd; border-radius: 3px;
    padding: 2px;    margin-right: 10px;    text-align: center; line-height: 24px;  }
.cbr input[type='radio'] + i {border-radius: 50%;}
.cbr input:checked + i {    background: #337ab7;    color: #fff; visibility:visible ;}

/* TinyMCE Editor */
.mce-panel{ background: #FFF !important; border-color: #ccc !important; border-radius: 2px;}
.mce-panel .mce-ico{ color:#333 !important; font-size: 14px !important;}
.mce-panel .mce-toolbar  .mce-btn{ background-image: none !important; background-color:#FFF !important; }


/* GA DASH*/
.ga-dash{ margin: 15px;}


.scrolltop{ border: #DDD 1px solid; border-radius: 4px; background: #FFF; color: #CCC;  height: 38px; width: 38px; line-height: 38px; text-align: center; font-size: 18px; cursor: pointer; bottom: 0%; right: 2%; position: fixed; display: none; z-index: 999; }
.scrolled .scrolltop{ display: block;}


.panel-compact .pagination-detail{    float: left;}
.panel-compact .pagination{  float: right;}